<template>
  <van-nav-bar
    title="注册"
  />

  <van-form @submit="onSubmit">
    <van-cell-group inset>
      <van-field
        v-model="demo2From.username"
        name="用户名"
        label="用户名"
        placeholder="用户名"
        :rules="[{ required: true, message: '请填写用户名' }]"
      />
      <van-field
        v-model="demo2From.password"
        type="password"
        name="密码"
        label="密码"
        placeholder="密码"
        :rules="[{ required: true, message: '请填写密码' }]"
      />
      <van-field
        v-model="demo2From.passwordOK"
        type="password"
        name="确认密码"
        label="确认密码"
        placeholder="确认密码"
        :rules="[{ required: true, message: '请填写密码' }]"
      />
    </van-cell-group>
    <div style="margin: 16px">
      <van-button
        round
        block
        type="primary"
        native-type="submit"
        @click="submit"
      >
        提交
      </van-button>
    </div>
  </van-form>
</template>

<script setup>
import { reactive } from "vue";
let demo2From = reactive({
  username: "",
  password: "",
  passwordOK: "",
});
import { dengluApi } from "@/api/api";
import { useRouter } from "vue-router";
let router = new useRouter();
let submit = () => {
  dengluApi(demo2From.username, demo2From.password,demo2From.passwordOK).then((res) => {
    console.log("登录信息", res);
    router.push("/denglu");
  });
};
</script>

<style lang="scss" scoped>
</style>